<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">

        <style>

			*{
				 margin:0;
				 padding:0;
			}
			
			ul li{
				 list-style:none;
			}
			.box{
				 margin: 10px auto;
				 height:327px;
				 width:260px;
				 border:1px solid #009900;
				 background-image:url("bg.gif");
			}

			.title{
				 height:23px;
				 margin-top:10px;
				 border-left:4px solid #C9E143;
				 margin-left:10px;
				 color:#FFFFFF;
				 font-size:16px;
				 line-height:23px;
				 padding-left:11px;
				 font-family:"微软雅黑";
			}
			.list{
				 width:240px;
				 height:280px;
				 background-color:white;
				 margin-left:10px;
				 margin-top: 5px;
				 overflow:hidden;
			}

			.list ul{
				 margin-left:10px;
				 margin-right:10px;
			}

		  	.list li{
		  		 height:30px;
		  		 border-bottom:1px dashed #666666;
		  		 line-height:30px;
		  		 font-size:16px;

		  		 background-image:url("tb.gif");
		  		 background-repeat:no-repeat;
		  		 background-position:left center;

		  		 padding-left:15px;
		  	}

		  	.list a{
		  		 text-decoration:none;
		  	}
        </style>
    </head>
    <body>

         <div class="box">
         	 <div class="title">
         	 	 爱宠知识
         	 </div>
         	 <div class="list">
         	 	 <ul>
         	 	 	 <li><a href="#">养狗比养猫更健康</a></li>
         	 	 	 <li><a href="#">养狗比养猫更健康</a></li>
         	 	 	 <li><a href="#">养狗比养猫更健康</a></li>
         	 	 	 <li><a href="#">养狗比养猫更健康</a></li>
         	 	 	 <li><a href="#">养狗比养猫更健康</a></li>
         	 	 	 <li><a href="#">养狗比养猫更健康</a></li>
         	 	 	 <li><a href="#">养狗比养猫更健康</a></li>
         	 	 	 <li><a href="#">养狗比养猫更健康</a></li>
         	 	 	 <li><a href="#">养狗比养猫更健康</a></li>
         	 	 </ul>
         	 </div>
         </div>
    </body>
</html>